export default{
	// 为当前模块开启命名空间
	namespaced: true,
	
	// 模块的 state 数据
	state: () => ({
		// 购物车的数组，用来存储购物车中每个商品的信息对象
		// 每个商品的信息对象，都包含如下6个属性，
		// { goods_id, goods_name, goods_price, goods_count, goods_small_log, goods_state }
		
		// 修改cart参数，读取本地存储的购物车数据，对cart数组进行初始化
		// cart: []
		cart: JSON.parse(uni.getStorageSync('cart') || '[]')
	}),
	
	// 模块的 mutations 方法
	mutations:{
		// 创建并实现添加到购物车的方法
		addToCart(state, goods){
			// 根据提交商品的Id，查询购物车中是否存在这件商品
			// 如果不存在，则 findResult 为 undefined；否则，为查找到的商品对象
			const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
			console.log(findResult)
			
			if(!findResult){
				// 如果购物车没有这件商品，则直push
				state.cart.push(goods)
			}else{
				// 如果购物车有这件商品，则只更新数量即可
				findResult.goods_count++
			}
			
			// console.log(state.cart)
			// 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
			this.commit('m_cart/saveToStorage')
		},
		
		// 声明 saveToStorage 的 mutations 方法，将购物车中的的数据持久化存储到本地
		saveToStorage(state){
			uni.setStorageSync('cart', JSON.stringify(state.cart))
		},
		
		// 更新购物车中商品勾选状态
		updateGoodsState(state, goods){
			// 根据 goods_id 查询购物车中对应商品的信息对象
			const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
			
			// 有对应的商品信息对象
			if(findResult){
				// 更新对应商品的勾选状态
				findResult.goods_state = goods.goods_state
				// 持久化存储到本地
				this.commit('m_cart/saveToStorage')
			}
		},
		
		// 更新购物车中商品数量
		updateGoodsCount(state, goods){
			// 根据 goods_id 查询购物车中对应商品的信息对象
			const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
			
			// 有对应的商品信息对象
			if(findResult){
				// 更新对应商品的数量
				findResult.goods_count = goods.goods_count
				// 持久化存储到本地
				this.commit('m_cart/saveToStorage')
			}
		},
		
		// 根据 Id 从购物车中删除对应的商品信息
		removeGoodsById(state, goods_id){
			// 调用数组的 filter 方法进行过滤，一堆商品中只过滤掉被选中删除的商品
			state.cart = state.cart.filter(x => x.goods_id !== goods_id)
			// 持久化存储到本地
			this.commit('m_cart/saveToStorage')
		},
		
		// 定义 updateAllGoodsState 的 mutations 方法，用来修改所有商品的勾选状态
		updateAllGoodsState(state, newState){
			// 1.1 循环更新购物车中每件商品的勾选状态
			state.cart.forEach(x => x.goods_state = newState)
			
			// 持久化更新到本地储存
			this.commit('m_cart/saveToStorage')
		},
		
		// 
	},
	
	getters:{
		// 定义total方法，用于统计购物车中商品的总数量
		// 使用 reduce 方法改造商品总数计算方式
		total(state){
			// let c = 0
			// // 循环统计商品的数量，累加到变量 c 中
			// state.cart.forEach(goods => c += goods.goods_count)
			// return c
			
			// 初始值为0，在第一次循环赋值有效
			return state.cart.reduce( (total, item) => total += item.goods_count, 0 )
		},
		
		// 定义一个名称为 checkedCount 的 getters 用来统计购物车中已勾选商品的总数量
		checkedCount(state) {
			// 先使用 filter 方法，从购物车中过滤得到已勾选的商品
			// 再使用 reduce 方法，将已勾选的商品总数量进行累加
			// reduce() 的返回值就是已勾选的商品总数量
			return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
		},
		
		// 定义 checkedGoodsAmountPrice 的 getters，用来统计已勾选商品的总价格
		checkedGoodsAmountPrice(state){
			// 先使用 filter 方法，从购物车中过滤统计已勾选的商品
			// 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
			// reduce() 的返回值就是已勾选的商品总价
			// 最后调用 toFixed(2) 方法，保留两位小数
			return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count * item.goods_price, 0).toFixed(2)
		}
	}
}